/* 全局混入 */

@mixin displayflex{
	// 弹性布局
	display: flex;
}
@mixin flex0{
	flex: 0 0 auto;
}
@mixin flex1{
	flex: 1 1 auto;
}
@mixin alignJustify{
	// 垂直水平居中
	display: flex;
	align-items: center;
	justify-content: center;
}
@mixin alignItems{
	// 垂直居中
	display: flex;
	align-items: center;
}
@mixin justifyspacec{
	//两端分散垂直居中布局
	display: flex;
	align-items: center;
	justify-content:space-between;
}
@mixin directionColumn{
	// 纵向排列
	display: flex;
	-webkit-flex-direction:column;
	flex-direction:column;
}
@mixin ellipse {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
@mixin ellipses{
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	white-space: normal;
	overflow:hidden;
}

@mixin line {
	content: "";
	display: block;
	height: 2rpx;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	transform: scaleY(.5);
	background-color: $uni-border-color;
}


.displayflex{
	// 弹性布局
	display: flex;
}
.flex1{
	flex: 1;
}
.justifyCneter{
	// 水平居中
	display: flex;
	justify-content: center;
}
.alignItems{
	// 垂直居中
	display: flex;
	align-items: center;
}
.alignJustify{
	// 垂直水平居中
	display: flex;
	align-items: center;
	justify-content: center;
}
.justifyspace{
	//两端分散布局
	display: flex;
	justify-content:space-between;
}
.justifyspacec{
	//两端分散垂直居中布局
	display: flex;
	align-items: center;
	justify-content:space-between;
}
.directionColumn{
	// 纵向排列
	display: flex;
	flex-direction:column;
}
.directionColumnJustify{
	// 纵向排列垂直居中
	display: flex;
	flex-direction:column;
	justify-content: center;
}
.ellipse {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.ellipses{
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	white-space: normal;
	overflow:hidden;
}